@charset "utf-8";
*,*:after,*:before { 
	transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	blr: expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased; /*chrome、safari*/	
	-moz-osx-font-smoothing: grayscale;/*firefox*/
	font-smoothing: antialiased;
	}

html,body {font-size: 14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "SourceHanSansCN-Medium","Microsoft YaHei",sans-serif;min-width: 1200px;}
body {overflow-x:hidden;overflow-y:auto;min-width:320px;}
.pc{min-width: 1200px;}
.pc .wh{width: 1200px !important;}
img {border:0px;max-width: 100%;}
.noselet{gn: expression(this.onselectstart=function(){return false;});-moz-user-select:none;user-select: none;}/*文字不可选中*/
ul,li,p {margin:0px;padding:0px;}
a {text-decoration:none;color:#7d7d7d;text-decoration:none;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease; color:#333333; outline:none;}
a:hover {
    text-decoration: underline;
}
a:active {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;}
ul,li {list-style-type:none;border:none;}
input,button,select,textarea {outline:none;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "SourceHanSansCN-Regular";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
::-moz-selection {text-shadow: none;}
::selection {background-color: #00817b;color: #ffffff;text-shadow: none;}
textarea {resize:none;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;}
ul>li>a {display:block;}
ul>li>a>img {width:100%;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.flex{display: -webkit-flex;display: flex;}
.pyc {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ppyc {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bgCover{background-size: cover;background-position: center;}

  .loadBg {
    padding-right: 38px;
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-size: 400% 100%;
    -webkit-animation: el-skeleton-loading 1.4s ease infinite;
    animation: el-skeleton-loading 1.4s ease infini
  }
@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.l {float:left;}
.r {float:right;}
.clear {clear:both;/* height:0px;*//* overflow:hidden;*/float:none;}
.clear:after {content:'';display:table;height:0;display:block;clear:both;}
section:after {content:"020";display:block;height:0;clear:both;visibility:hidden;}
.wh {width: 1200px;margin:0 auto;clear:both;}
.wh:after {content:'';display:table;height:0;display:block;clear:both;}
.bjx {background-image:none !important;}
.flex_jz{display: flex;justify-content:center;/* 水平居中 */align-items:center;overflow:auto;}
.swiper-button-prev,.swiper-button-next{outline: none;}
.imgScale .img {width:100px;height:100px;overflow:hidden;display:inline-block;}
.imgScale li:hover .img img {transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.nav>li .down{padding-top: 7px;width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 27px;opacity: 0;visibility: hidden;transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);transition: 0.3s ease;}
.nav>li:hover .down {opacity: 1;visibility: visible;z-index: 5;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.listTolr li {position: relative;overflow: hidden;}
.listTolr li:before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 0;height: 0;background: #ececec;border-radius: 50%;opacity: 0;visibility: hidden;transition: 0.35s;}
.listTolr li:hover:before {opacity: 1;visibility: visible;width: 110%;height: 280%;}
.listInLine li a {display: inline-block;padding-bottom: 5px;position: relative;line-height: 1;}
.listInLine li a:before {content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;}
.listInLine li a:hover:before {transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0; -webkit-transform-origin: 0;visibility: visible\9;}
.listTob li a:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #da251d;-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-moz-transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;}
.listTob li:hover a:before{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}
.imgCover{object-fit:cover;}
.bgImg {}
.bgImgAA {position:relative;overflow:hidden;font-size:0;padding-bottom: 50%;}
.bgImgAA .bgImgAB {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;font-size:0;transition: all .6S;}
.bgImgAB {background-size:cover;background-position:center;background-repeat:no-repeat;}
.bgImgAA>img {visibility:hidden;width:100%;}
li:hover .bgImgAB {transform:scale(1.1);}
.hMask {position:relative;}
.hMask .mask {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-position:-205px 0;}
.hMask:hover .mask {background-position:190px 0;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms;}
.img>img {width:100%;height:100%;transition:all .6s;}
.imgh {cursor:pointer;font-size:0;}
.imgh .img01 {display:inline-block;}
.imgh .img02 {display:none;}
.hoverHui {transition:all 0.3s ease;filter:grayscale(100%);opacity:0.66;}
.imgh li:hover .img01 {display:none;}
.imgh li:hover .img02 {display:inline-block;}
.img_jz {display:table-cell;text-align:center;width:170px;height:170px;vertical-align:middle;position:relative;}
.img_jz>span {display:inline-block;height:100%;vertical-align:middle;}
.img_jz>img {vertical-align:middle;max-width:90%;max-height:90%;width:auto;}
.new_con {font-size: 16px;line-height: 30px;text-align:left;}
.new_con img {max-width:100%;}
a.img {display:block;font-size:0;}
a.img>img {width:100%;height:100%;}
.listH {}
.listH li {z-index:1;-webkit-transition:all 150ms ease-out 0ms;-moz-transition:all 150ms ease-out 0ms;-o-transition:all 150ms ease-out 0ms;transition:all 150ms ease-out 0ms;}
.listH li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);opacity:1;z-index:20;box-shadow:0 40px 100px 0 rgba(84,84,84,0.5);cursor:pointer !important;}
.yiny {-moz-box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);-webkit-box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);}
.table {display:table;width:100%;height:100%;text-align:center;vertical-align:middle;}
.tableCell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.tList:after {content:'';display:table;clear:both;}
.tList li {float:left;}
.tList2 {}
.tList2 li {width:48%;margin-left:4%;/* border:1px solid #CDCDCD; */margin-bottom:4%;}
.tList2 li:nth-of-type(2n+1) {margin-left:0;}
.tList3 {}
.tList3 li {width:31%;margin-left:3.5%;margin-bottom:3.5%;}
.tList3 li:nth-of-type(3n+1) {margin-left:0;}
.tList4 {}
.tList4 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList4 li:nth-of-type(4n+1) {margin-left:0;}
.tList5 {}
.tList5 li {width:17%;margin-left:3.75%;margin-bottom:2%;}
.tList5 li:nth-of-type(5n+1) {margin-left:0;}
.tList6 {}
.tList6 li {width:16.666%;}
.tList6 li:nth-of-type(6n+1) {margin-left:0;}
.page {text-align:center;clear:both;padding:50px 0;width:100%;}
.page a {font-size:15px;padding:0px 10px;display:inline-block;margin:5px;border:1px solid;line-height:30px;}
.page a:hover,.page a.on {border-color:white;}
.hide{display: none !important;}
.show{display: block !important;}
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
.f-s12{font-size: 12px;}
.f-s13{font-size: 3px;}
.f-s14{font-size: 14px;}
.f-s15{font-size: 15px;}
.f-s16{font-size: 16px;}
.f-s17{font-size: 17px;}
.f-s18{font-size: 18px;}
.f-s19{font-size: 19px;}
.f-s20{font-size: 20px;}
.f-s21{font-size: 21px;}
.f-s22{font-size: 22px;}
.f-s23{font-size: 23px;}
.f-s24{font-size: 24px;}
.f-s25{font-size: 25px;}
.f-s26{font-size: 26px;}
.f-s27{font-size: 27px;}
.f-s28{font-size: 28px;}
.f-s29{font-size: 29px;}
.f-s30{font-size: 30px;}
.f-s31{font-size: 31px;}
.f-s32{font-size: 32px;}
.f-s33{font-size: 33px;}
.f-s34{font-size: 34px;}
.f-s35{font-size: 35px;}
.f-s36{font-size: 36px;}
.f-s37{font-size: 37px;}
.f-s38{font-size: 38px;}
.f-s39{font-size: 39px;}
.f-s40{font-size: 40px;}
.w5{width: 50%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w49{width: 49%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}
.m-auto{margin: 0 auto;display: block;}
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t35{margin-top: 35px;}
.m-t40{margin-top: 40px;}
.m-t45{margin-top: 45px;}
.m-t50{margin-top: 50px;}
.m-t55{margin-top: 55px;}
.m-t60{margin-top: 60px;}
.m-t65{margin-top: 65px;}
.m-t70{margin-top: 70px;}
.m-t75{margin-top: 65px;}
.m-t80{margin-top: 80px;}
.m-t85{margin-top: 85px;}
.m-t90{margin-top: 90px;}
.m-t95{margin-top: 95px;}
.m-t100{margin-top: 100px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}
.m-b35{margin-bottom: 35px;}
.m-b40{margin-bottom: 40px;}
.m-b45{margin-bottom: 45px;}
.m-b50{margin-bottom: 50px;}
.m-b55{margin-bottom: 55px;}
.m-b60{margin-bottom: 60px;}
.m-b65{margin-bottom: 65px;}
.m-b70{margin-bottom: 70px;}
.m-b75{margin-bottom: 65px;}
.m-b80{margin-bottom: 80px;}
.m-b85{margin-bottom: 85px;}
.m-b90{margin-bottom: 90px;}
.m-b95{margin-bottom: 95px;}
.m-b100{margin-bottom: 100px;}
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-t25{padding-top: 25px;}
.p-t30{padding-top: 30px;}
.p-t35{padding-top: 35px;}
.p-t40{padding-top: 40px;}
.p-t45{padding-top: 45px;}
.p-t50{padding-top: 50px;}
.p-t55{padding-top: 55px;}
.p-t60{padding-top: 60px;}
.p-t65{padding-top: 65px;}
.p-t70{padding-top: 70px;}
.p-t75{padding-top: 65px;}
.p-t80{padding-top: 70px;}
.p-t85{padding-top: 85px;}
.p-t90{padding-top: 90px;}
.p-t95{padding-top: 95px;}
.p-t100{padding-top: 100px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-b25{padding-bottom: 25px;}
.p-b30{padding-bottom: 30px;}
.p-b35{padding-bottom: 35px;}
.p-b40{padding-bottom: 40px;}
.p-b45{padding-bottom: 45px;}
.p-b50{padding-bottom: 50px;}
.p-b55{padding-bottom: 55px;}
.p-b60{padding-bottom: 60px;}
.p-b65{padding-bottom: 65px;}
.p-b70{padding-bottom: 70px;}
.p-b75{padding-bottom: 75px;}
.p-b80{padding-bottom: 80px;}
.p-b85{padding-bottom: 85px;}
.p-b90{padding-bottom: 90px;}
.p-b95{padding-bottom: 95px;}
.p-b100{padding-bottom: 100px;}
.tou_01{
    text-align: center;
    margin: 30px auto;
}
.tou_01 h3{
    font-size: 20px;
    color: #282828;
    position: relative;
    padding: 0 40px;
    display: inline-block;
    font-weight: bold;
}
.tou_01 h3:before{
	content:'';
	width: 26px;
	height: 2px;
	position: absolute;
	background: #1FAE9D;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.tou_01 h3:after{
	content:'';
	width: 26px;
	height: 2px;
	position: absolute;
	background: #1FAE9D;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
.tou_01 p{
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
}
.tou_02{margin-top: 30px;margin-bottom: 20px;overflow: hidden;}
.tou_02 h3{position:relative;padding-left: 10px;font-size: 18px;color: #282828;height: 25px;line-height: 25px;font-weight: 500;display: inline-block;}
.tou_02 h3:after{
	content:'';
	position:absolute;
	width: 2px;
	height: 16px;
	left: 0;
	background: #1FAE9D;
	top: 5px;
}
.tou_02 .list{
    float: right;
    line-height: 23px;
}
.tou_02 .list a{
    margin-right: 5px;
}
.btuA{
    font-size: 12px;
    line-height: 22px;
    background: #1FAE9D;
    color: white;
    display: inline-block;
    padding: 0 8px;
}
.btuB{
    background: #FE8052;
}

body{
  font-family: 'Open Sans', sans-serif;
}
.wrap{
  width: 70%;
  margin: 0 auto;
}
a.button,a.button2{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  padding: 1em;
  cursor: pointer;
  background:none;
  text-decoration: none;
  font-size: 1.2em;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hover-buttons {
padding: 2em 0;
}
.aligncenter {
  text-align: center;
}
.hover-buttons h1,.tr-effects h2{
  font-size: 3em;
  color:#fff;
    font-family: 'Lora', serif;
}
ul.bt-list li{
 display: inline-block;
 list-style: none;
 margin: 0.9em 0;
}
ul.bt-list li a{
  margin-right:6px;
}
/* BACKGROUND TRANSITIONS */
/* Fade */
a.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #e84c3d;
  color:#fff;
}
a.hvr-fade:hover,a.hvr-fade:focus,a.hvr-fade:active {
  background-color:#ce2211;
  color: white;
}
a.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #2ecd71;
  color: #fff;
}
a.hvr-back-pulse:hover,a.hvr-back-pulse:focus,a.hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color:#0CBC56;
  color: white;
}
/* Sweep To Right */
a.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background:#3598dc;
  color: #fff;
}
a.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2178B4;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-sweep-to-right:hover,a.hvr-sweep-to-right:focus,a.hvr-sweep-to-right:active {
  color: white;
}
a.hvr-sweep-to-right:hover:before,a.hvr-sweep-to-right:focus:before,a.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  
}
/* Sweep To Left */
a.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #9a59b5;
  color: #fff;
}
a.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #853ba3;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-sweep-to-left:hover,a.hvr-sweep-to-left:focus,a.hvr-sweep-to-left:active {
  color: white;
}
a.hvr-sweep-to-left:hover:before,a.hvr-sweep-to-left:focus:before,a.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Bottom */
a.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e77e22;
  color: #fff;
}
a.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#D56F16;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-sweep-to-bottom:hover,a.hvr-sweep-to-bottom:focus,a.hvr-sweep-to-bottom:active {
  color: white;
}
a.hvr-sweep-to-bottom:hover:before,a.hvr-sweep-to-bottom:focus:before,a.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Sweep To Top */
a.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #136EAC;
  color:#fff;
}
a.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0C649F;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-sweep-to-top:hover,a.hvr-sweep-to-top:focus,a.hvr-sweep-to-top:active {
  color: white;
}
a.hvr-sweep-to-top:hover:before,a.hvr-sweep-to-top:focus:before,a.hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
a.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
   background: #f2c40f;
   color: #fff;
}
a.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#E6B806;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-bounce-to-right:hover,a.hvr-bounce-to-right:focus,a.hvr-bounce-to-right:active {
  color: white;
}
a.hvr-bounce-to-right:hover:before,a.hvr-bounce-to-right:focus:before,a.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Left */
a.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #17a086;
  color: #fff;
}
a.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#11856F;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-bounce-to-left:hover,a.hvr-bounce-to-left:focus,a.hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before,a.hvr-bounce-to-left:focus:before,a.hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
a.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #d02818;
  color: #fff;
}
a.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#eb301d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-bounce-to-bottom:hover,a.hvr-bounce-to-bottom:focus,a.hvr-bounce-to-bottom:active {
  color: white;
}
a.hvr-bounce-to-bottom:hover:before,a.hvr-bounce-to-bottom:focus:before,a.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
a.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #93a4a4;
  color: #fff;
}
a.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#818D8D;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-bounce-to-top:hover,a.hvr-bounce-to-top:focus,a.hvr-bounce-to-top:active {
  color: white;
}
a.hvr-bounce-to-top:hover:before,a.hvr-bounce-to-top:focus:before,a.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
a.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #1cbab8;
  color: #fff;
}
a.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#099492;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-radial-out:hover,a.hvr-radial-out:focus,a.hvr-radial-out:active {
  color: white;
}
a.hvr-radial-out:hover:before,a.hvr-radial-out:focus:before,a.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/* Radial In */
a.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background:#d51694;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#AB0C75;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-radial-in:hover,a.hvr-radial-in:focus,a.hvr-radial-in:active {
  color: white;
}
a.hvr-radial-in:hover:before,a.hvr-radial-in:focus:before,a.hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
a.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #6aa84f;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4e8735;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-in:hover,a.hvr-rectangle-in:focus,a.hvr-rectangle-in:active {
  color: white;
}
a.hvr-rectangle-in:hover:before,a.hvr-rectangle-in:focus:before,a.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
a.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#5384b1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6fa8dc;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
  color: white;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
a.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #93940d;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #b8b926;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-shutter-in-horizontal:hover,a.hvr-shutter-in-horizontal:focus,a.hvr-shutter-in-horizontal:active {
  color: white;
}
a.hvr-shutter-in-horizontal:hover:before,a.hvr-shutter-in-horizontal:focus:before,a.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ff9900;
  color: #fff;
}
a.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ed9005;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
  color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
a.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#c55e3a;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#ff6600; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-shutter-in-vertical:hover,a.hvr-shutter-in-vertical:focus,a.hvr-shutter-in-vertical:active {
  color: white;
}
a.hvr-shutter-in-vertical:hover:before,a.hvr-shutter-in-vertical:focus:before,a.hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/* Shutter Out Vertical */
a.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #ff339a;
  color: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
a.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #dc0c75;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-shutter-out-vertical:hover,a.hvr-shutter-out-vertical:focus,a.hvr-shutter-out-vertical:active {
  color: white;
}
a.hvr-shutter-out-vertical:hover:before,a.hvr-shutter-out-vertical:focus:before,a.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* BORDER TRANSITIONS */
a.button2{
  padding: 1em;
  cursor: pointer;
  background:#eee;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  }
  ul.border-list li{
 display: inline-block;
 list-style: none;
 margin:1em 0;
}
  ul.border-list a{
  margin-right:8px;
}
/* Border Fade */
a.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  background:#38aa38;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #38aa38;, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
a.hvr-border-fade:hover,a.hvr-border-fade:focus,a.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
a.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #a9b3bd, 0 0 1px rgba(0, 0, 0, 0);
  background: #a9b3bd;
  /* Hack to improve aliasing on mobile/tablet devices */
}
a.hvr-hollow:hover,a.hvr-hollow:focus,a.hvr-hollow:active {
  background: none;
}

/* Trim */
a.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
 background: #ff3233;
}
a.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
a.hvr-trim:hover:before,a.hvr-trim:focus:before,a.hvr-trim:active:before {
  opacity: 1;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #4b78cd;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #4b78cd solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* Outline Out */
a.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #ff6500;
}
a.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #ff6500 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
a.hvr-outline-out:hover:before,a.hvr-outline-out:focus:before,a.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
a.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #ff339a;
}
a.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #ff339a solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
a.hvr-outline-in:hover:before,a.hvr-outline-in:focus:before,a.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
/* Round Corners */
a.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
  background: #720e9e;
}
a.hvr-round-corners:hover,a.hvr-round-corners:focus,a.hvr-round-corners:active {
  border-radius: 1em;
}
/* Underline From Left */
a.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #c8232c;
}
a.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background:#38aa38;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-underline-from-left:hover:before,a.hvr-underline-from-left:focus:before,a.hvr-underline-from-left:active:before {
  right: 0;
}
/* Underline From Center */
a.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
a.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-underline-from-center:hover:before,a.hvr-underline-from-center:focus:before,a.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
a.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #34526f;
}
a.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: #c8232c;
}
a.hvr-underline-from-right:hover:before,a.hvr-underline-from-right:focus:before,a.hvr-underline-from-right:active:before {
  left: 0;
}
/* Overline From Left */
a.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #b41494;
}
a.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-overline-from-left:hover:before,a.hvr-overline-from-left:focus:before,a.hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
a.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background:#fc4f08;
}
a.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-overline-from-center:hover:before,a.hvr-overline-from-center:focus:before,a.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
a.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #f2c40f;
}
a.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background:#c8232c;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-overline-from-right:hover:before,a.hvr-overline-from-right:focus:before,a.hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
a.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #00aff0;
}
a.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #075876;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-reveal:hover:before,a.hvr-reveal:focus:before,a.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
a.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #fb8928;
}
a.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background:#c8232c;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-underline-reveal:hover:before,a.hvr-underline-reveal:focus:before,a.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* Overline Reveal */
a.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2f9259;
}
a.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background:#C8232C;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-overline-reveal:hover:before,a.hvr-overline-reveal:focus:before,a.hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}